<script setup lang="ts">

</script>

<template>
  <div class="box">
      <div class="introduce">
          <router-link to="/wellness">
              <img src="../../assets/images/介绍.png" alt="" class="introduceImg">
          </router-link>

      </div>
      <div class="evaluation">
          <router-link to="/evaluation">
              <img src="../../assets/images/测评.png" alt="" class="evaluationImg">
          </router-link>

      </div>
  </div>
</template>

<style scoped lang='less'>
.box {
    display: flex;
    .introduce {
        margin-right: 2%;
    }
    .introduce,
    .evaluation {
        width: 98%;
        height: 100%;
    }
    .introduceImg,
    .evaluationImg {
        width: 100%;
        height: 24vw;
        border-radius: 5%;
    }
}
</style>